<template>
  <div class="container">
    <img class="img" :src="this.poster" alt="">
  </div>
</template>

<script>
import {getPoster} from "@/api/product.js";
export default {
    data() {
        return {
            poster: '',
            productId:0
        }
    },
    methods: {
      getPosterDetail() {
        this.productId = this.$route.query.id
        getPoster(this.productId).then(res => {
            this.poster = res.data.replace('127.0.0.1', '192.168.200.221')    
          
        })
      }  
    },
    mounted() {
        this.getPosterDetail();
    }
}
</script>

<style>
.container {
    width: 100%;
    height: 100%;
    background: #fff;
}
.img{
    width: 100%;
    height: 100%;
}
</style>